<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name="viewport"> 
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>Recipe Results</title>
<link href="oneColFixCtr.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
	background-image: url(images/bkg-global.jpg);
	background-repeat: repeat-x;
}
</style>
</head>

<body>

<div id="topMenu">
  <span class="navButtonLeft"><a href="#" onClick="history.go(-1); return false;"><img src="images/button-global-back.png" width="49" height="30" alt="back" /></a></span>
  <span class="pageTitle"><img src="images/header-recipe-results.png" alt="Recipe Results" /></span>
  <span class="navButtonRight"><a href="home.html"><img src="images/button-global-menu.png" width="50" height="30" alt="menu" border="0" /></a></span>
</div>
<div class="container">
  <div class="content">
	<br />
	<ul class="results-list">
	<a href="recipe.html"><li class="first">
	
	   <div class="results-name">Biscuits and Gravy</div>
	   <div class="results-image">
	       <img src="images/photos/biscuits-and-gravy.jpg" width="57" />
       </div>
       
       <div id="results-right">
        
           <div id="stars">
               <a href="reviews.html"><img src="images/star-yellow.png" border="0" /> 
               <img src="images/star-yellow.png" border="0" /> 
               <img src="images/star-yellow.png" border="0" /> 
               <img src="images/star-yellow.png" border="0" /> 
               <img src="images/star-white.png" border="0" /></a>
               
               <span class="difficulty-easy">Easy</span><br />
           </div>
           
       <img src="images/icon/nut-free.png" border="0" /> 
       
       
       </div>
       
       <br clear="all" />
    </li></a>
    
    <li>
    
	   <div class="results-name">Bacon Gravy for Biscuits</div>
	   <div class="results-image">
	       <img src="images/photos/bacon-gravy.jpg" />
       </div>
       
       <div id="results-right">
        
           <div id="stars">
               <a href="reviews.html"><img src="images/star-yellow.png" border="0" /> 
               <img src="images/star-yellow.png" border="0" /> 
               <img src="images/star-yellow.png" border="0" /> 
               <img src="images/star-yellow.png" border="0" /> 
               <img src="images/star-white.png" border="0" /></a>
               
               <span class="difficulty-easy">Easy</span><br />
           </div>
           
       <img src="images/icon/nut-free.png" border="0" /> 
       
       <br clear="all" />
       </div>
    </li>
    
        
    <li class="last">
    
	   <div class="results-name">Biscuits with Deer Maple Gravy</div>
	   <div class="results-image">
	       <img src="images/photos/no-photo.jpg" />
       </div>
       
       <div id="results-right">
        
           <div id="stars">
               <a href="reviews.html"><img src="images/star-yellow.png" border="0" /> 
               <img src="images/star-yellow.png" border="0" /> 
               <img src="images/star-yellow.png" border="0" /> 
               <img src="images/star-yellow.png" border="0" /> 
               <img src="images/star-white.png" border="0" /></a>
               
               <span class="difficulty-medium">Medium</span><br />
           </div>

       <img src="images/icon/nut-free.png" border="0" /> 
       
       <br clear="all" />
       </div>
    
    </li>
    
    </ul>

        
        

    </div>  <!-- end .content -->
</div>

</body>
</html>
